<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<script>
    function show(tips,flag, url){
        var my_tips=document.all.mytips;
        if(flag){
            my_tips.style.display="";
            if (url!=null){my_tips.innerHTML="<img src='"+url+"'align=left>"+tips;}
            else{ my_tips.innerHTML=tips;}
            my_tips.style.left=event.clientX+10;
            my_tips.style.top=event.clientY+10;
        }
        else
        {
            my_tips.style.display="none";
        }
    }
</script>
<body>
<a href="#" tips="中国WEB第一站" onmousemove=show(this.tips,1) onmouseout=show(this.tips,0)>中国WEB第一站</a>
<a href="#" tips="又一中国WEB第一站" onmousemove=show(this.tips,1) onmouseout=show(this.tips,0,'http://www.111cn.net/banner/banner.gif')>中国WEB第一站</a>
<a href="#" tips="中国WEB第一站" onmouseover=show(this.tips,1,'http://www.111cn.net/banner/banner.gif') onmouseout=show(this.tips,0,'http://www.111cn.net/banner/banner.gif')>测试链接</a>



<div id=mytips style="position:absolute;width:150;height:22px;line-height:22px;border:1 gray solid;font-size:9pt;background-color:#ffffff;color:red;display:none;filter: progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=3);">
</div>
</body>
</html>
